<script lang="ts" setup>
import { ref, type Ref } from 'vue';

let ondiv:Ref<Number,Number>=ref(0)
</script>
<template>
    <div class="main">
        <input v-model="ondiv" type="number"></input>
        <button>登录</button>
        <div class="bgdiv">
        <div v-for="value in ondiv" class="divfor"></div>
        </div>
    </div>
</template>
<style scoped>
.bgdiv{
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.divfor{
    width: 200px;
    height: 100px;
    
    margin-top: 10px;
    border: 2px solid #98f39d;
}
</style>